<!doctype html> 
<html> 
<head> 
	<meta charset="utf-8"> 
	<title>GPS智能监控系统</title> 
	<link rel="stylesheet" href="resources/css/gts-lib.css" type="text/css" />
	<link rel="stylesheet" href="resources/css/gts.css" type="text/css" />
</head>
<body>
  <div class="panel top hd">
	<div class="logo">
		<div class="u">
			<a href="javascript:void(0)">用户</a>，<span  id="i18n-welcome">您好</span> &nbsp;&nbsp;
			<span  id="i18n-message">消息</span>(<a href="javascript:void(0)"><b>2</b></a>)&nbsp;&nbsp;
			<a href="javascript:void(0)"  id="i18n-help">帮助</a>&nbsp;&nbsp;
			<a href="javascript:void(0)" id="i18n-changepwd">修改密码</a>&nbsp;&nbsp;
			<a href="javascript:void(0)" id="i18n-lock">锁定</a>&nbsp;&nbsp;
			<a href="javascript:void(0)"  id="i18n-quit">退出</a>&nbsp;&nbsp;
		</div>
		<div class="t">
			<a href="javascript:void(0)" class="active"  id="i18n-trace">监&nbsp;控</a>
			<a href="javascript:void(0)"  id="i18n-statistic">统&nbsp;计</a>
			<a href="javascript:void(0)"   id="i18n-more">更&nbsp;多</a>
		</div>
	</div>
  </div>
  <div class="toggle-left-off-box">
	<a href="javascript:void(0)" class="toggle-left-off" id="toggle-left-off"></a>
  </div>
  <div class="panel left">

	<div class="rows3auto">
		<div class="rows3autoh lh">
			<div class="lmr lhc1">
				<a class="toggleleft" id="toggleleft" href="javascript:void(0)"></a>
				<span id="i18n-vehiclelist">车辆列表</span> <span style="color:red;" id="i18n-warningmsg">报警信息</span>(<a href="javascript:void(0)">3</a>)
			</div>
			<div class="lmr lhc2">
				<span id="i18n-searchveh">搜索设备：</span>   <input type="text" class="lhc2t" placeholder="请输入设备名称/车牌号" /> <input type="button"  class="lhc2btn" value=">"/>
			</div>
		</div>
		<div class="rows3autoc lc">
			<div class="lmr rows3autoci">
				<table cellspacing="0" cellpadding="0" width="100%" border="0" class="lbtb" id="velList">
					<thead>
						<tr>
							<th style="background:url(resources/images/lt-i.png) no-repeat scroll center center transparent;width:16px;"></th>
							<th><span id="i18n-VehNoF">车牌号</span></th>
							<th><span id="i18n-time">时间</span></th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
			</div>
		</div>
		<div class="rows3autof">
			<div class=" lmr lf">
				<span id="i18n-totalVel">总车辆</span>(<span  id="totalVel"></span>) &nbsp;<span id="i18n-online">在线</span>(<span id="onlineVel"></span>)&nbsp;<span id="i18n-offline">离线</span>(<span id="offlineVel"></span>)&nbsp;<span id="i18n-arrearage">欠费</span>(<span id="arrearsVel"></span>)
			</div>
		</div>
	</div>

  </div>
  <div class="panel main" >
	<div class="rows3auto">
		<div class="rows3autoh">
			<div class="mh">
				<input type="button" class="mhbtn" value="放大"  id="i18n-zoomin"/>
				<input type="button" class="mhbtn" value="缩小"  id="i18n-zoomout" />
				<input type="button" class="mhbtn" value="定义节点" id="i18n-definenode"/>
			</div>
		</div>
		<div class="rows3autoc">
			<div class="rows3autoci">
				<div class="mc" id="map_canvas"></div>
			</div>
		</div>
		<div class="rows3autof">
			<div class="mf">
				当前位置：
			</div>
		</div>
	</div>
  </div>

  <div class="panel bottom" style="background-color:#444;color:#fff;">
	<table cellspacing="0" cellpadding="0" class="table_status" style="height: 50px; width: 100%;"id="velinfo">
		<tbody><tr>
			<td style="width: 13%;">
			</td>
			<td style="width: 12%">
				<span id="i18n-SimID">系统编号</span>:<span id="vs-SimID"></span>
			</td>
			<td style="width: 13%">
				<span id="i18n-vsDateTime">时间</span>:<span id="vs-DateTime"></span>
			</td>
			<td style="width: 10%">
				<span id="i18n-LocateStatus">定位状态</span>:<span id="vs-LocateStatus"></span>
			</td>
			<td style="width: 7%">
				ACC:<span id="vs-AccStatus"></span>
			</td>
			<td style="width: 8%">
				<span id="i18n-Velocity">速度</span>:<span id="vs-Velocity"></span>Km/h
			</td>
			<td style="width: 12%">
				<span id="i18n-Oil">油量</span>:<span id="vs-Oil"></span>L
			</td>
			<td style="width: 12%">
				<span id="i18n-Miles">总里程</span>:<span id="vs-Miles"></span>Km
			</td>
			<td style="width: 13%">
				<span id="i18n-TodayMile">今日里程</span>:<span  id="vs-TodayMile"></span>Km
			</td>
		</tr>
		<tr>
			<td>
				<span id="i18n-Voltage">电压值</span>:<span id="vs-Voltage"></span>V
			</td>
			<td>
				<span id="i18n-Temperature">温度</span>:<span id="vs-Temperature"></span>℃
			</td>
			<td>
				<label title="状态 A" id="i18n-StatusA">状态 A</label>:<span id="vs-StatusA">OFF</span>
			</td>
			<td>
				<label title="状态 B" id="i18n-StatusB">状态 B</label>:<span id="vs-StatusB">OFF</span>
			</td>
			<td>
				<label title="状态 C" id="i18n-StatusC">状态 C</label>:<span id="vs-StatusC">OFF</span>
			</td>
			<td>
				<label title="状态 D" id="i18n-StatusD">正反转:</label><span id="vs-StatusD"></span>
			</td>
			<td colspan="3">
				<span  id="i18n-address">地理位置</span>:<span id="vs-address"></span>
			</td>
		</tr>
	</tbody></table>
  </div>
    <div id="xmlsocket">
        <!--// swf dedicated div, doesn't modify layout //-->
   </div>
<script type="text/javascript" src="resources/xmlsocket/jsxmlsocket.js"></script>
<script type="text/javascript" src="resources/js/gts-lib.js"></script>
<script type="text/javascript" src="resources/js/gts.js"></script>
<script type="text/javascript" src="resources/js/gts-i18n.js"></script>
<script type="text/javascript" src="resources/js/gts-map.js"></script>
<script type="text/javascript">
	$(function(){
		$("#toggleleft,#toggle-left-off").click(function(){
			$(document.body).toggleClass("lefthidden");
		});
		$.ajax({
			url:"config.js",
			dataType:"json",
			cache:false,
			success:function(config){
				gts && gts.init(config);
			}
		});
		
	});
</script>
</body>
</html>
